import NavBar from '@/components/NavBar'
import styles from './index.module.scss'
  
  const Question = () => {
    return (
      <div className={styles.root}>
        {/* 顶部导航栏 */}
        <NavBar left={<></>}>问答</NavBar>
  
        {/* 问答列表 */}
        <div className='question-list'>
          <div className='question-item'>
            <div className='question-left'>
              <h3>作为 IT 行业的过来人，你有什么话想对后辈说的？</h3>
              <div className='info'>
                <span>赞同 1000+</span>
                <span>评论 500+</span>
                <span>1小时前</span>
              </div>
            </div>
            <div className='question-right'>
              <img
                src='https://pic1.zhimg.com/80/v2-8e77b2771314f674cccba5581560d333_xl.jpg?source=4e949a73'
                alt=''
              />
            </div>
          </div>
          <div className='question-item'>
            <div className='question-left'>
              <h3>作为 IT 行业的过来人，你有什么话想对后辈说的？</h3>
              <div className='info'>
                <span>赞同 1000+</span>
                <span>评论 500+</span>
                <span>1小时前</span>
              </div>
            </div>
            <div className='question-right'>
              <img
                src='https://pic1.zhimg.com/80/v2-8e77b2771314f674cccba5581560d333_xl.jpg?source=4e949a73'
                alt=''
              />
            </div>
          </div>
          <div className='question-item'>
            <div className='question-left'>
              <h3>作为 IT 行业的过来人，你有什么话想对后辈说的？</h3>
              <div className='info'>
                <span>赞同 1000+</span>
                <span>评论 500+</span>
                <span>1小时前</span>
              </div>
            </div>
            <div className='question-right'>
              <img
                src='https://pic1.zhimg.com/80/v2-8e77b2771314f674cccba5581560d333_xl.jpg?source=4e949a73'
                alt=''
              />
            </div>
          </div>
          <div className='question-item'>
            <div className='question-left'>
              <h3>作为 IT 行业的过来人，你有什么话想对后辈说的？</h3>
              <div className='info'>
                <span>赞同 1000+</span>
                <span>评论 500+</span>
                <span>1小时前</span>
              </div>
            </div>
            <div className='question-right'>
              <img
                src='https://pic1.zhimg.com/80/v2-8e77b2771314f674cccba5581560d333_xl.jpg?source=4e949a73'
                alt=''
              />
            </div>
          </div>
          <div className='question-item'>
            <div className='question-left'>
              <h3>作为 IT 行业的过来人，你有什么话想对后辈说的？</h3>
              <div className='info'>
                <span>赞同 1000+</span>
                <span>评论 500+</span>
                <span>1小时前</span>
              </div>
            </div>
            <div className='question-right'>
              <img
                src='https://pic1.zhimg.com/80/v2-8e77b2771314f674cccba5581560d333_xl.jpg?source=4e949a73'
                alt=''
              />
            </div>
          </div>
        </div>
      </div>
    )
  }
  
  export default Question